集成渲染引擎

渲染引擎可用于最终渲染设计页面，只需要向渲染引擎传递符合页面协议的页面 json 数据。

引入依赖

npm install @fly-vue/lcdp-engine

引用组件

在需要使用渲染引擎的 vue 文件中引用：

<script setup lang="ts">
import { LcdpRenderer } from '@fly-vue/lcdp-engine'

const payload = {} // 页面 json
const config: LcdpRendererConfig = {}

</script>

<template>
  <LcdpRenderer
    :payload="payload"
    :config="config"
  />
</template>

更多

在实际使用中页面的渲染不仅仅只是涉及到页面 json，还可能包括其他必须元素的获取，如：页面、字典、数据源等。

这些配置需要通过 config 属性传递，更多使用文档将在后续进阶章节详细说明。